<template>
    <div class="card">
        <slot></slot>
    </div>
</template>
<script lang="ts" setup>
import { withDefaults } from 'vue';

let {width,height,padding} = withDefaults(defineProps<{width?:string,height?:string,padding?:string}>(),{
    width:'100%',
    height:'',
    padding:'20px 10px'
})
</script>
<style scoped>
.card {
    box-shadow: 0 0 10px gray;
    border-radius: 10px;
    overflow: hidden;
    width: v-bind(width);
    height: v-bind(height);
    padding: v-bind(padding);
    margin-top: 10px;
}
</style>